<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="lib/layer/mobile/need/layer.css" />
		<link rel="stylesheet" type="text/css" href="lib/layer/theme/default/layer.css" />
		<style>
		#test-image-preview {
		　　border: 1px solid #ccc;
		   width: 100%;
		   height: 200px;
		   background-size: contain;
		   background-repeat: no-repeat;
		   background-position: center center;
		}
		</style>
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
		<title>首页</title>
	</head>
	<body>
		<!-- <div class="container-fluid">
			<div class="left">
        <video width="300" height="180" src="http://glico.aosaiban.com/dist/video/video1.mp4" controls="controls">
        your browser does not support the video tag
        </video>
			</div>
			<div class="right">
        <audio width="300" height="180"src="http://glico.aosaiban.com/dist/pocky.mp3" controls="controls">
        Your browser does not support the audio element.
        </audio>
			</div>
		</div> -->
		<form method="post" enctype="multipart/form-data" id="file_upload">
　　		<p>图片预览：</p>
		　　<div id="test-image-preview"></div>
		　　<p>
		　　　　<input type="file" id="test-image-file" webkitdirectory directory name="test" accept="image/gif, image/jpeg, image/png, image/jpg">
		　　</p>
		   <p id="test-file-info"></p>
		</form>
		<script type="text/javascript" src="lib/jquery-1.12.4.min.js"></script>
		<script type="text/javascript" src="lib/layer/layer.js" ></script>
		<script type="text/javascript" src="lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

		<script type="text/javascript" src="js/common.js"></script>
		<script>$(function(){
					//	window.result(alert);
					//	var reader = new FileReader();
						alert(window.FileReader)
						console.log(window.reader)
						if (window.FileReader) {
							alert('has FileReader')
							var reader = new FileReader();
							for(var prop in reader) {
								alert(prop)
							}
						}else {
							alert('not FileReader')
						}
					})
		</script>
		<!-- <script type="text/javascript" src="js/module.js" ></script> -->

	</body>
</html>
